<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.css">
    <link rel="stylesheet" href="/css/common.css">
    <link href="/css/diststyle.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/order.css">
    <link rel="stylesheet" href="/css/htmleafdemo.css">
    <script src="/js/jquery.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/common.js"></script>
    <script type="text/javascript" src="/js/Chart.js"></script>
    <script src="/js/order.js"></script>


</head>

<body>
    <div class="index">
        <div class="header-nav">
            <div class="fl nav-title">管理信息系统</div>
            <div class="fr  ">
                <div class='fl img-box cursor'>
                    <img id="user-img" class="auto-img" src="" alt="">
                </div>
                <div class="fl nav-text " id="username">昵称</div>
                <div class="fl nav-text cursor">设置</div>
                <div class="fl nav-text cursor" id="esc-user">退出</div>
            </div>
        </div>
        <div class="content-box">
            <div class="aside">
                <div class="demo">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-6">
                                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix " role="tab" id="headingOne">
                                            <h4 class="panel-title">
                                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-delicious" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp分类管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseOne" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
                                            <div class="panel-body">

                                                <p>分类列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTwo">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

                                                    <!-- <span><i class="fa fa-delicious" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp分类管理 -->
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-shopping-bag" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp商品管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                            <div class="panel-body">
                                                <p>基本商品库</p>
                                                <p>添加商品</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingThree">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-google-wallet" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp财务管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-google-wallet" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp财务管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseThree" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingThree">
                                            <div class="panel-body">
                                                <p>财务报表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFour">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-bar-chart" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp订单管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-bar-chart" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp报表管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFour">
                                            <div class="panel-body">
                                                <p> 订单分析</p>
                                                <p> 订单列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFive">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-print" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp打印管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-print" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp打印管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                                            <div class="panel-body">
                                                <p>进货单打印</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSix">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp货源管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp 基础管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
                                            <div class="panel-body">
                                                <p>添加货源</p>
                                                <p>总货源管理</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSeven">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-font" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp订单管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-font" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp字体库管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
                                            <div class="panel-body">
                                                <p>订单详情</p>
                                                <p>自建订单</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingEight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-th" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp营销管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-th" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp其他管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
                                            <div class="panel-body">
                                                <p>广告管理分析</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingNeight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNeight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-link" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp联系我们</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseNeight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNeight">
                                            <div class="panel-body">
                                                <p>联系我们</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTen">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-code" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp模块开发中</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-code" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp模块开发中 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
                                            <div class="panel-body">
                                                <p>模块开发中</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contents fl">
                <div class="lyear-layout-web">
                    <main class="lyear-layout-content">
                        <div class="container-fluid">
                            <div class="row">
                                <div class="col-lg-6 card2">
                                    <div class="card  ">
                                        <div class="card-header">
                                            <h4>总订单分析</h4>
                                        </div>
                                        <div class="card-body">
                                            <canvas id="chart-area-1" width="400" height="190"></canvas>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6 card1">
                                    <div class="card">
                                        <div class="card-header">
                                            <h4>月度热销分类</h4>
                                        </div>
                                        <div class="card-body">
                                            <canvas id="chart-pie" width="280" height="360"></canvas>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </main>
                    <!--End 页面主要内容-->
                    <div class="form-group col-xs-6 choosebox">
                        <label class="col-xs-1" for="example-select">选择产品分类</label>
                        <div class="col-xs-10">
                            <select class="form-control" id="example-select" name="example-select" size="1">
                                <option value="0">请选择您需要查找的分类</option>
                                <option value="1">全部订单</option>
                                <option value="1">服装</option>
                                <option value="2">家电家具</option>
                                <option value="3">电子产品</option>
                                <option value="1">服装</option>
                                <option value="2">家电家具</option>
                                <option value="3">电子产品</option>
                                <option value="1">服装</option>
                                <option value="2">家电家具</option>
                                <option value="3">电子产品</option>
                                <option value="1">服装</option>
                                <option value="2">家电家具</option>
                                <option value="3">电子产品</option>
                              </select>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>热销产品名称</th>
                                    <th>热销量</th>
                                    <th>热销产品id</th>
                                    <th>产品归类</th>
                                    <th>库存</th>
                                    <th>价格</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th scope="row">1</th>
                                    <td>小米10尊享纪念版</td>
                                    <td>218</td>
                                    <td>mb74752123</td>
                                    <td>手机</td>
                                    <td>99</td>
                                    <td>5999.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">2</th>
                                    <td>南极人秋季厚款秋裤</td>
                                    <td>369</td>
                                    <td>ch45123</td>
                                    <td>服装</td>
                                    <td>66</td>
                                    <td>96.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">3</th>
                                    <td>2020年311教育考研英语</td>
                                    <td>696</td>
                                    <td>sj789456</td>
                                    <td>图书</td>
                                    <td>239</td>
                                    <td>179.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">4</th>
                                    <td>半球电热水壶</td>
                                    <td>459</td>
                                    <td>dq789451</td>
                                    <td>电器</td>
                                    <td>639</td>
                                    <td>22.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">3</th>
                                    <td>七彩虹战虎3090系列显卡</td>
                                    <td>291</td>
                                    <td>sm418564</td>
                                    <td>数码</td>
                                    <td>39</td>
                                    <td>9799.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">5</th>
                                    <td>广西柳州正宗螺狮粉</td>
                                    <td>879</td>
                                    <td>sp456123</td>
                                    <td>食品</td>
                                    <td>1129</td>
                                    <td>19.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">6</th>
                                    <td>韩纪小猪酸奶正品补水五件套</td>
                                    <td>679</td>
                                    <td>hl456180</td>
                                    <td>护理</td>
                                    <td>539</td>
                                    <td>52.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">3</th>
                                    <td>七彩虹战虎3090系列显卡</td>
                                    <td>291</td>
                                    <td>sm418564</td>
                                    <td>数码</td>
                                    <td>39</td>
                                    <td>9799.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">5</th>
                                    <td>广西柳州正宗螺狮粉</td>
                                    <td>879</td>
                                    <td>sp456123</td>
                                    <td>食品</td>
                                    <td>1129</td>
                                    <td>19.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">6</th>
                                    <td>韩纪小猪酸奶正品补水五件套</td>
                                    <td>679</td>
                                    <td>hl456180</td>
                                    <td>护理</td>
                                    <td>539</td>
                                    <td>52.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">3</th>
                                    <td>七彩虹战虎3090系列显卡</td>
                                    <td>291</td>
                                    <td>sm418564</td>
                                    <td>数码</td>
                                    <td>39</td>
                                    <td>9799.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">5</th>
                                    <td>广西柳州正宗螺狮粉</td>
                                    <td>879</td>
                                    <td>sp456123</td>
                                    <td>食品</td>
                                    <td>1129</td>
                                    <td>19.00</td>
                                </tr>
                                <tr>
                                    <th scope="row">6</th>
                                    <td>韩纪小猪酸奶正品补水五件套</td>
                                    <td>679</td>
                                    <td>hl456180</td>
                                    <td>护理</td>
                                    <td>539</td>
                                    <td>52.00</td>
                                </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
</body>

</html>